<template>
	<div class="j-umbilical">
		<div class="ju-item">
			<div class="container">
				<div class="ju-c">
					<div class="ju-img"><img src="../../assets/bank/jd01.png"></div>
					<p>十月怀胎的辛劳会在宝宝呱呱落地时一扫而光，但从这一刻开始，您也将深深感受到为人父母的责任，思考如何为孩子的健康成长提供充足的保障。</p>
					<p class="bold">您知道吗？伴随孩子的降生，一份生命瑰宝也同时降临，那就是——脐带血。</p>
					<p>过去作为废弃物扔掉的脐带血，蕴含丰富的造血干细胞，可以用于临床移植，治疗多种疾病，具有不可估量的临床应用前景。</p>
					<p class="ju-p-b">我们建议：“不论您是选择存储或是选择捐赠，只是千万不要轻易丢弃宝贵的生命资源。”</p>
				</div>
			</div>
		</div>
		<div class="ju-back">
			<div class="container clearfix">
				<div class="pull-left jd-left">
					<div class="jd-back-tt">什么是脐带血？</div>
					<p class="jd-txt">脐带血是新生儿娩出、脐带结扎并离断后留在胎盘和脐带中的血液，通常是废弃不用的。近十几年的研究发现，脐带血中含有可以重建人体造血和免疫系统的造血干细胞，可用于造血干细胞移植，治疗多种疾病。因此，脐带血已成为造血干细胞的重要来源，也是一种非常重要的人类生物资源。
					</p>
				</div>
				<div class="pull-right"><img src="../../assets/bank/jd02.png"></div>
			</div>
		</div>
		<div class="ju-bottom container">
			<div class="jd-back-tt">脐带血造血干细胞可以治疗哪些疾病？</div>
			<p class="jd-txt">脐带血中的造血干细胞可以用来治疗，包括血液系统恶性肿瘤（如急性白血病、慢性白血病、多发性骨髓瘤、骨髓增生异常综合征、淋巴瘤）；血红蛋白病（如地中海贫血）；骨髓造血功能衰竭（如再生障碍性贫血）；先天性代谢性疾病；先天性免疫缺陷疾患；自身免疫性疾患；某些实体肿瘤（如小细胞肺癌、神经母细胞瘤、卵巢癌）； 呼吸道疾病（如肺心病、老慢支）；心血管疾病（如急性心肌梗塞、缺血性心脏疾病、心力衰竭）；内分泌疾病（如肌营养不良、外周血管病、糖尿病足、闭塞性脉管炎、血栓）；消化类疾病（如肝硬化、肝病）等。</p>
			<div class="jd-icon">
				<p class="jd-txt">脐带血造血干细胞移植，使得患者摆脱疾病的困扰，重获新生的病例不胜枚数。脐带血造血干细胞正展现出巨大的临床应用价值。</p>
				<p class="jd-txt">脐带血造血干细胞已用于临床治疗多种恶性疾病，但并非每一个人都会患上这些疾病，因此储存脐带血造血干细胞是一种防患于未然的“保险”
					行为。</p>
			</div>
		</div>
	</div>
</template>
<style  rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-umbilical{
		.clearfix{
			overflow: hidden;
		}
		.ju-item{
			.ju-c{
				margin: 60px 0;
				position: relative;
				padding-left: 240px;
				.ju-img {
					position: absolute;
					left: 0;
					top: 0;
				}
				p{
					/*font-size: 16px;*/
					line-height: 30px;
				}
				.bold{
					font-weight: bold;
				}
				.ju-p-b{
					font-weight:bold;
					color:#2ea7e0;
					margin-top:30px;
				}
			}
		}
		.ju-back{
			background: #eaf3fc;
			padding: 65px 0;
			.jd-left{
				width: 800px;
				.jd-back-tt {
					/*font-size: 16px;*/
					color: #2ea7e0;
					font-weight: bold;
					margin-bottom: 20px;
				}
				.jd-txt {
					/*font-size: 16px;*/
					line-height: 30px;
					text-align: justify;
				}
			}
		}
		.ju-bottom {
			position: relative;
			padding-top: 40px;
			margin-bottom: 100px;
			.jd-back-tt {
				/*font-size: 16px;*/
				color: #2ea7e0;
				font-weight: bold;
				margin-bottom: 20px;
				padding-left: 90px;
			}
			.jd-txt{
				/*font-size: 16px;*/
				line-height: 30px;
				text-align: justify;
			}
			.jd-icon{
				 margin-top: 30px;
				 margin-bottom: 50px;
				p {
					padding-left: 15px;
					position: relative;
				}
				p:before {
					width: 6px;
					height: 6px;
					display: block;
					content: "";
					position: absolute;
					left: 0;
					top: 13px;
					background: #666;
					border-radius: 50%;
				}
			 }
		}
		.ju-bottom:before{
			display:block;
			content:"";
			width:61px;
			height:97px;
			background:url(../../assets/bank/jd03.png) center no-repeat;
			position:absolute;
			left:15px;
			top:-30px;
		}
	}
	@media (max-width: 767px){
		.j-umbilical{
			.ju-item{
				.ju-c{
					margin: 60px 0;
					position: relative;
					padding-left: 0;
					.ju-img {
						position: static;
						margin-bottom: 20px;
						width: 100%;
						text-align: center;
					}
				}
			}
			.ju-back{
				background: #eaf3fc;
				padding: 65px 0;
				.jd-left{
					width: 100%;
				}
				.pull-right {
					width: 100%;
					text-align: center;
				}
			}
			.ju-bottom {
				margin-bottom: 60px;
			}
		}
	}
</style>